<script setup>

import RankSchool from '@/components/educateManager/table/RankSchoolTable.vue' 
import LineChart from '@/components/educateManager/chart/EducateLineChart.vue'
import PieChart from '@/components/educateManager/chart/EducatePie.vue'
import AverageScoreTable from '@/components/educateManager/table/AverageScoreTable.vue'


</script>

<template>
  <el-row class="m-10">
    <el-col :span="8">
      <el-card style="max-width: 550px" class="m-2">
        <template #header class="flex items-center">
          <el-avatar class="mr-4">user</el-avatar>
          <div>
            <p>山东省教育管理账号</p>
            <p>教育管理部门</p>
          </div>
        </template>
        <p>部门编号: <span>123</span></p>
        <p>邮箱: <span>1@qq.com</span></p>
      </el-card>

      <el-card class="m-2  " style="max-width: 550px">
        <AverageScoreTable></AverageScoreTable>
      </el-card>
    </el-col>

    <el-col :span="16">
      <el-card class="m-2 ">
        没想好放什么
      </el-card>

      <el-card class="m-2 h-[300px]" >
        <LineChart>n</LineChart>
      </el-card>

      <el-row>
        <el-col :span="12">
          <el-card class="m-2 h-[250px]">
            <RankSchool></RankSchool>
          </el-card>
        </el-col>
        <el-col :span="12">
          <el-card class="m-2 h-[250px]">
            <PieChart></PieChart>
          </el-card>
        </el-col>
      </el-row>
    </el-col>
  </el-row>
</template>

<style scoped>

</style>
